<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>longin2</title>
<style type="text/css">
			/*头部*/
			
			#head {
				width: 1508.2px;
				height: 110px;
			
			}
			/*图标*/
			
			#loge {
				width: 170px;
				height: 60px;
				margin-left: 169px;
				margin-top: 24px;
			
			}
			/*标题*/
			
			#title {
				line-height: 34px;
    width: 100px;
    height: 37px;
    color: #333;
    margin-top: -49px;
    margin-left: 347px;
    font-size: 25px;
			}
			/*已有账号*/
			
			#have {
				/*	border: 1px solid red;*/
				width: 80px;
				height: 25px;
				font-size: 16px;
				margin-top: -19px;
				color: #999;
				    margin-left: 1093px;
				
			}
			/*请登录*/
			
			#have2 {
				    font-size: 16px;
    float: right;
    margin-top: -25px;
    color: #e22;
    width: 50px;
    height: 25px;
   margin-right: 289px;
			}
			/*主干*/
			
			#trunk {
				width: 1519.200px;
				height: 406.8px;
				
			}
			/*第一层的外框*/
			
			#frame {
				width: 1210px;
				height: 406px;
				/*border: 1px solid red;*/
				margin: 0px auto;
				/*居中*/
			}
			/*进条框*/
			
			#entry {
				width: 400px;
				height: 54px;
				border: 1px solid red;
				margin: 0px auto;
				    margin-top: 60px;
				/*居中*/
			}
			/*界面框*/
			
			#interface {
			
				width: 400px;
				width: 400px;
				height: 246px;
		
				margin: 0px auto;
				/*居中*/
				margin-top: 45px;
				/*下调*/
			}
			
			.regInput {
				width: 290px;
				height: 50px;
				margin-top: 28px;
				margin-left: 108px;
				border: 1px #bdbdbd solid;
			}
			/*底部*/
			
			#bottom {
				width: 1210px;
				height: 80.600px;
				border: 1px solid white;
				/*white*/
				margin: 0px auto;
				margin-left: 279px;
				/* 这是为适应窗口*/
				word-spacing: 10px;
				/*居中*/
				margin-top: 150px;
			}
			a {
				/*设置所以的a连接*/
				color: #666;
				text-decoration: none;
				outline: rgb(109, 109, 109) none 0px;
				font-size: 12px;
			}
			/*文本框*/
			#box5 {
				margin: 20px 200px 20px 200px;
				color: #666;
				text-decoration: none;
			}
			/*文本框*/
			#one {
				width: 108px;
				height: 52px;
				border: 1px #bdbdbd solid;
				margin-top: -54px;
			}
			/*文本框*/
			#two {
				width: 107px;
				height: 52px;
				border: 1px #bdbdbd solid;
				margin-top: -136px
			}
			/*文本框*/
			#three {
				width: 107px;
				height: 52px;
				border: 1px #bdbdbd solid;
				    margin-top: -136px;
			}
			/*调整文字位置*/
			p{
				
				    margin-left: 23px;
				}
				/*立即注册按钮*/
				#enroll{
		width: 400px;
    	height: 54px;
    	background: red;
    	margin-left: 405px;
    	margin-top: 30px;
    	border: 1px red solid;
				
				}	
				#p5{
					margin-top: 12px;
				font-size: 20px;
				/*border: azure;*/
				color: white;/*把字变白*/
				margin-left: 155px;
				/*border: 1px red solid;*/
				}
				hr{
					background: ghostwhite;
    				height: 5px;
    				
				}		
		</style>
	</head>

	<body>
		<!--头部-->

		<div id="head">
			<!--图标-->
			<div id="loge"><img src="img/deng1.png"> </div>
				<div id="title">欢迎注册</div>
				<div id="have">已有账号？</div>
				<div id="have2">请登录</div>
				
			</div>
			
			<hr />
			
			<!--主干-->
			<div id="trunk">
				<!--第一层-->
				<div id="frame">
					<!--进条框-->
					<div id="entry"></div>
					<!--界面框-->
					<div id="interface">
						<div><input class="regInput" type="text" name="loginname" value="" placeholder="请输入用户名" /></div>
						<div><input class="regInput" type="password" name="loginpass" value="" placeholder="请输入密码" /></div>
						<div><input class="regInput" type="password" name="passok" value="" placeholder="请确认密码" /></div>
						<div id="one"><p>确认密码</p></div>
						<div id="two"><p>设置密码</p></div>
						<div id="three"><p>用户名</p></div>
					</div>
					<div id="enroll"><p id="p5">立即注册</p></div>
				</div>
			</div>
			<!--底部-->
			<div id="bottom">
				<a rel="nofollow" target="_blank" href="//www.jd.com/intro/about.aspx" style="outline: rgb(109, 109, 109) none 0px;">
							关于我们
						</a>
						|
						<a rel="nofollow" target="_blank" href="//www.jd.com/contact/">
							联系我们
						</a>
						|
						<a rel="nofollow" target="_blank" href="//zhaopin.jd.com/">
							人才招聘
						</a>
						|
						<a rel="nofollow" target="_blank" href="//www.jd.com/contact/joinin.aspx">
							商家入驻
						</a>
						|
						<a rel="nofollow" target="_blank" href="//www.jd.com/intro/service.aspx">
							广告服务
						</a>
						|
						<a rel="nofollow" target="_blank" href="//app.jd.com/">
							手机京东
						</a>
						|
						<a target="_blank" href="//club.jd.com/links.aspx">
							友情链接
						</a>
						|
						<a target="_blank" href="//media.jd.com/">
							销售联盟
						</a>
						|
						<a href="//club.jd.com/" target="_blank">
							京东社区
						</a>
						|
						<a href="//gongyi.jd.com" target="_blank">
							京东公益
						</a>
						|

						<a target="_blank" href="//en.jd.com/" clstag="pageclick|keycount|20150112ABD|9">EnglishSite</a>

						<div id="box5">
							Copyright&nbsp;?&nbsp;2004-2018&nbsp;&nbsp;京东JD.com&nbsp;版权所有
						</div>
			</div>
	</body>

</body>
</html>